<template>
    <div class="pdfStatement">
        <div class="title_form">
            <p class="nameFirm">河北一盟拍卖有限公司</p>
            <p class="inventory">项目结算清单</p>
        </div>
        <div class="table-pad">
            <el-table
                :data="tableData"
                border
                style="width: 100%">
                <el-table-column prop="index" label="标的序号" width="80" align="center"> </el-table-column>
                <el-table-column prop="lots_name" label="标的名称" min-width="180" align="center"> </el-table-column>
                <el-table-column prop="bidprice" label="成交价" width="180" align="center"> </el-table-column>
                <el-table-column prop="bidder_name" label="买受人" width="120" align="center"> </el-table-column>
                <el-table-column prop="practical_number" label="数量" width="80" align="center"> </el-table-column>
                <el-table-column prop="practical_price" label="总金额" width="100" align="center"> </el-table-column>
                <el-table-column prop="dispose_unit" label="结算单位名称" width="180" align="center"> </el-table-column>
            </el-table>
        </div>
        

        <div class="tip">买受人已将中标标的全部拉运完成，所有款项均已结清，现请河北一盟拍卖有限公司将买受人履约保证金结算后给予退还。</div>
        <div class="firm_name">
            <p class="oneline"> 结算单位名称（盖章）：
                
            </p>
            <p class="twoline">
                <span>年</span>
                <span>月</span>
                <span>日</span>
            </p>
        </div>
    </div>
</template>
<script>
    export default{
        props:{
            type:[Boolean],
            lotsName:[String],
            bidprice:[String,Number],
            bidderName:[String],
            disposeUnit:[String],
            practicalNumber:[String,Number],
            practicalPrice:[String,Number],
        },
        data(){
            return{
                tableData:[
                {index:'1',
                    lots_name:'',
                    bidprice:'',
                    bidder_name:'',
                    practical_number:'',
                    practical_price:'',
                    dispose_unit:'',
                }
                ]
            }
        },
        watch:{
            lotsName:{
                handler(newval,oldval){
                    this.tableData[0].lots_name=newval;
                },
            },
            bidprice:{
                handler(newval,oldval){
                    this.tableData[0].bidprice=newval;
                },
            },
            bidderName:{
                handler(newval,oldval){
                    this.tableData[0].bidder_name=newval;
                },
            },
            disposeUnit:{
                handler(newval,oldval){
                    this.tableData[0].dispose_unit=newval;
                },
            },
            practicalNumber:{
                handler(newval,oldval){
                    this.tableData[0].practical_number=newval;
                },
            },
            practicalPrice:{
                handler(newval,oldval){
                    this.tableData[0].practical_price=newval;
                },
            },
        },
        methods:{

        }
    }
</script>

<style lang="scss" scoped>
.pdfStatement {
    .title_form{
        font-family: MicrosoftYaHei;
        font-size: 28px;
        text-align: center;
        margin-top: 100px;
        .inventory{
            margin-top: 20px;
        }
    }
    .tip{
        margin: 60px 0px;
        text-align: center;
    }
    .table-pad{
        margin: 100px 30px 0px 30px;
    }
    .firm_name{
        text-align: right;
        .oneline{
            padding-right: 200px;
        }
        .twoline{
            margin-top: 30px;
            padding-right: 150px;
        }
    }
}

</style>